@import "./../../../../styles/public.less";
.leftBar {
  position: relative;
  background: #fff;
  padding: 10px 15px 20px; // height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  .commonDScrollbar();
}

.optionBox {
  margin-bottom: 15px;
  display: flex;
  display: inline-flex;
  flex-wrap: wrap;
  .departmentSelectBox {
    flex: 1; // .ant-select-selector{
    //   flex: 1;
    // }
    .departmentS {
      // flex: 1;
      .ant-select-selector {
        line-height: 30rpx;
        height: 30rpx;
      }
    }
  }
  .resetBtn {
    margin-left: 5px;
    margin-top: 4px;
  }
}

.commscrollbar() {
  width: 5px;
  height: 5px;
  background-color: #F5F5F5;
}

.scrollbar-track() {
  box-shadow: inset 0 0 4px #fff;
  -webkit-box-shadow: inset 0 0 4px #fff;
  border-radius: 10px;
  background-color: #F5F5F5;
}

.scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 4px #fff;
  -webkit-box-shadow: inset 0 0 4px #fff;
  background-color: #c8c8c8;
}

.cardBox {
  flex-grow: 1;
  margin: 0 -15px;
  position: relative;
  height: calc(100vh - 64px - 10px - 90px - 15px - 15px - 32px - 56px + 20px); //50px
  min-height: 420px;
  .commonDScrollbar();
  .cardList {
    padding: 0 15px;
  }
}